<!DOCTYPE HTML>
<html>

<head>
  <title>PMS FISAT</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
  <link rel="stylesheet" type="text/css" href="style/style.css" />
</head>

<body>
  <div id="main">
    <div id="header">
      <div id="menubar">
        <ul id="menu">
          <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
           <li><a>Home</a></li>
          <li><a>Step-1</a></li>
          <li class="selected"><a>Step-2</a></li>
          <li><a>Step-3</a></li>
          <li><a>Step-4</a></li>
          <li><a href="question">Ask Question's</a></li>
        </ul>
         <span class="right" id="logoff">
        	<a href="logout">Logout</a>
        </span>
         <span class="right" id="userdet">
        	{{email}}
        </span>
      </div>
    </div>
    <div id="site_content">
      <div id="sidebar_container">
        <div class="sidebar">
          <div class="sidebar_top"></div>
          <div class="sidebar_item">
            <!-- insert your sidebar items here -->
            <h3><u>Tips</u></h3>
            <h4>STEP-2</h4>
            <h5>This step is to add your TEAM MEMBERS</h5>
            <h5>Select Team Leader for Adding Team Member Details.</h5>
            <h5>Select Single Member if doing Projects alone.</h5>
          </div>
          <div class="sidebar_base"></div>
        </div>
       <div class="sidebar">
          <div class="sidebar_top"></div>
          <div class="sidebar_item">
            <h3><u>Contact Details</u></h3>
            <ul>
              <li><a style="text-decoration:none">Mahesh C <br>Ph: 9995286241</a></li>
              <li><a style="text-decoration:none">Issue With Registraiton ?<br> Contact:<br>Ph: 9388893334 <br> Or <br> Ph: 9633013725</a></li>
            </ul>
          </div>
          <div class="sidebar_base"></div>
        </div>
      </div>
      <div id="content">
       <!-- template content goes here -->
   	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 
<style type="text/css">
	.kdiv{
		padding:8px;
	}
</style>
 
 
<h1>Add Members</h1>
 
<script type="text/javascript">
 
$(document).ready(function(){
 
    var counter = 2;
    var limit = 2;
    var maximum=limit + 1
    $("#addButton").click(function () {
 
	if(counter>limit){
			alert("Maximum "+ maximum +" members allowed per group");
			return false;
			}   
 
	var newTextBoxDiv = $(document.createElement('div')).attr({id: 'TextBoxDiv' + counter, class:'kdiv'});
 
	newTextBoxDiv.after().html('<label>Member '+ counter + ' (email id): </label>' + '<input type="text" name="textbox' + counter + '" id="textbox' + counter + '" value="" >');
 
	newTextBoxDiv.appendTo("#TextBoxesGroup");
 
 
	counter++;
     });
 
     $("#removeButton").click(function () {
	if(counter==1){
          alert("No more textbox to remove");
          return false;
       }   
 
	counter--;
 
        $("#TextBoxDiv" + counter).remove();
 
     });

     $("#getButtonValue").click(function () {



	 var msg=new Array();
	for(i=1; i<counter; i++){
   	  msg[i]= $('#textbox' + i).val();
	}
	//document.getElementById("emailadr").value=msg;
	//document.getElementById("team").submit();
	//$('#emailadr').val(msg)
	$('input[name=emailadr]').val(msg);
		document.forms["team"].submit();
     });
  });
</script>

<script>
  function display(e){
    if (e.checked)
	{        document.getElementById('single').style.display = 'none';
        document.getElementById('TextBoxesGroup').style.display = 'block';}
    else
        document.getElementById('TextBoxesGroup').style.display = 'none';
    }

  function single(e){
    if (e.checked)
	{document.getElementById('TextBoxesGroup').style.display = 'none';
        document.getElementById('single').style.display = 'block';}
    else
        document.getElementById('single').style.display = 'none';
    }


</script>
<form>
<h4>You are a:</h4>
<input type="radio" name="option" value="team" onclick="display(this)">Team leader</input>
<input type="radio" name="option" value="single"  onclick="single(this)">Single Member (only person in the team)</input>
</form>


<div id='TextBoxesGroup' style="display:none;">
<form name='team' method=post action="/notification" id="team">
<input type='button' value='Add Members' id='addButton'>
<input type='button' value='Remove Members' id='removeButton'>
<input type=submit value='Proceed' id='getButtonValue'>
 <input type=hidden value="s" name=emailadr>
	<div id="TextBoxDiv1" class="kdiv">
		<label>Member 1 (email id): </label><input type='textbox' id='textbox1' >
	</div>
</form>
</div>


<div id='single' style="display:none;">
<form name='singleuser' method=post action="/notification" id="team">
<input type="hidden" value={{ids}} name="ids"/>
<input type=submit name="single" value='Continue'>
</form>
</div>
			
       <!-- template content ends  here -->
      </div>
    </div>
    <div id="footer">
      <p>Copyright &copy; FFSC FISAT | Project Management Software | <a href="http://www.fisat.ac.in" target="_blank">FISAT Website</a> </p>
    </div>
    <p>&nbsp;</p>
  </div>
</body>
</html>
